<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>33 - Ajax</title>
</head>
<body>
    <script>

        // Ajax     核心是用来动态获取数据
        // ☛  Asynchronous Javascript And XML   简称 Ajax


        // 数据来源于服务器





        // 客户端和服务器(服务端)如何通信
        //  a)  请求 (Request)     请求是由客户端浏览器发起的
        //  b)  响应 (Response)    响应式由服务器发起的  





        // url 地址
        // 由如下几部分组成的:
        // a) http (https):   协议类型, 规定了计算机之间进行数据交互的一种规则
        
        // b) www.xxx.cn:     域名(主机名, 唯一的), 类似于身份证号
        
        // c) 端口号:          在 http 或者 https 协议下, 端口号默认是80
        
        // d) 资源地址(路径):  要请求的资源具体的文件路径





        // Ajax请求具体的方式
        // a)  get 请求
        // 侧重点用来获取服务端数据的 (本地没有数据, 但是服务端有, 希望将服务端的数据拿到本地)

        // post 请求
        // 侧重点用来将本地数据发送到服务端 (本地有数据, 但是服务端没有, 希望服务端也有)

        // c) delete 请求
        // 侧重点在于将服务端的数据删除

        // d) patch 请求
        // 侧重点更新数据, 对服务器上的数据进行部分更新

        // e) put 请求
        // 侧重点更新数据, 对服务器上的数据进行全部更新





        // Ajax 请求用法
        // 1)  纯粹使用原生 js 实现 Ajax 请求
        // 2)  利用第三方提供的 js 库实现       jQuery  (弱化)
        // 3)  利用第三方提供的 js 库实现       axios   (加强)






        //  如何让根路径只写一次, axios 中提供了根路径的配置方式
        //  axios 用来设置根路径方式:
        axios.defaults.baseURL = '根路径地址';








    </script>
</body>
</html>